/*---------------------------------------------------------------- 
// 文件功能描述：通用混合器、模块样式 
// author：tyy
// 时间：2020/07/16
// 修改标识： 
// 修改描述：
//----------------------------------------------------------------*/

/* font
-------------------------- */
$--font-size: 30px !default;
/* Color
-------------------------- */
$--color-font: #606266 !default;
$--color-primary: #409EFF !default;
$--color-white: #fff !default;
$--color-black: #000000 !default;
$--border-color: #DCDFE6 !default;

/* Set Basics
-------------------------- */
@mixin elementSize($w,$h){  
	width: $w;
	height: $h;
}

.rightfade-enter-active{
	animation-name:slideInRight;animation-duration:1s;
}

.rightfade-leave-active{
	animation-name:slideToRight;animation-duration:1s;
}

@keyframes slideToRight {
	from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
	}

	to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
	}
}

.slideToRight {
	-webkit-animation-name: slideToRight;
	animation-name: slideToRight;
}

@keyframes slideInRight {
	from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
	}

	to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
/*
  下拉框样式
*/
  .el-select .el-input.is-focus .el-input__inner{
		  border-color: #C0C4CC;
	}
	.el-select .el-input__inner:focus{
		border-color: #C0C4CC;
	}
	.el-select-dropdown__item.selected{
			color: #3964f9
	}
	.el-select-dropdown__item.hover,
	.el-select-dropdown__item:hover {
		background-color: #ebeffe;
		color: #3964f9
	}
